
.flex_init(@flex-direction:row,@justify-content:flex-start){
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-direction:@flex-direction;
    -moz-flex-direction:@flex-direction;
    -ms-flex-direction:@flex-direction;
    -o-flex-direction:@flex-direction;
    flex-direction:@flex-direction;
    -webkit-justify-content:@justify-content;
    -moz-justify-content:@justify-content;
    -ms-justify-content:@justify-content;
    -o-justify-content:@justify-content;
    justify-content:@justify-content;
}
/**
    文本布局
*/
.flex-zoom-shrink(@flex-zoom:0){
    flex-shrink: @flex-zoom;
}

/**
文本布局
*/
.flex-align-items(@align-items:center){
    -webkit-align-items:@align-items;
    -moz-align-items:@align-items;
    -ms-align-items:@align-items;
    -o-align-items:@align-items;
    align-items:@align-items;
}

.box-shadow_small(@h-shadow:0,@v-shadow:4px,@spread:16px,@color:rgba(122,140,153,0.08)){
    box-shadow: @h-shadow @v-shadow @spread @color;
}
.box-shadow_big(@h-shadow:0,@v-shadow:8px,@spread:32px,@color:rgba(122,140,153,0.08)){
    box-shadow: @h-shadow @v-shadow @spread @color;
}
/* 背景渐变*/
.linear-gradient(@color-start, @color-linear) {
    background: -webkit-linear-gradient(left, @color-start, @color-linear);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, @color-start, @color-linear);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, @color-start, @color-linear);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, @color-start , @color-linear);
    /* 标准的语法（必须放在最后） */
  }

.linear-gradient_init(@color-primary,@color-primary-linear,@color-hover,@color-hover-linear){
  .linear-gradient(@color-primary,@color-primary-linear);
  &:hover{
    .linear-gradient(@color-hover,@color-hover-linear);
  }
}


/* 上下渐变 */
.linear-gradient-vertical(@color-start, @color-linear){
  background: -webkit-linear-gradient(top, @color-start, @color-linear);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom, @color-start, @color-linear);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom, @color-start, @color-linear);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom, @color-start , @color-linear);
  /* 标准的语法（必须放在最后） */
}



.ellipsis(@line:2){
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: @line;
    line-clamp: @line;
    -webkit-box-orient: vertical;
}
